<style lang="less" scoped>
    @import 'register.less';
</style>
<script src="./register.js"></script>

<template>
    <div class="main">
        <div style="height: 5%"></div>
        <div class="main-table">
            <div style="height: 5%"></div>
            <Tabs v-model="tabname">
                <TabPane label="机构注册" name="organize" key="organize" style="margin-top: 20px" icon="person-stalker">
                    <Form :model="formData">
                        <FormItem>
                            <Input v-model="formData.orgName" clearable size="large" style="width:75%" placeholder="单位名称" @on-blur="checkHave" ></Input>
                        </FormItem>
                        <FormItem>
                            <Input v-model="formData.orgContacts" clearable size="large" style="width:75%" placeholder="联系人" ></Input>
                        </FormItem>
                        <FormItem>
                            <Input v-model="formData.orgPhone" clearable size="large" style="width:75%" placeholder="联系电话" ></Input>
                        </FormItem>
                        <FormItem>
                            <Row>
                                <Col span="15" style="text-align: right">
                                <Input v-model="formData.verCode" clearable size="large" style="width:80%" placeholder="验证码" ></Input>
                                </Col>
                                <Col span="7">
                                <Button type="primary" @click="getCode" :disabled="isDisabled">{{butName}}</Button>
                                </Col>
                            </Row>
                        </FormItem>
                        <FormItem>
                            <Input v-model="formData.orgAddress" clearable size="large" style="width:75%" placeholder="单位地址" ></Input>
                        </FormItem>
                        <FormItem>
                            <Input v-model="formData.userName" clearable size="large" style="width:75%" placeholder="用户名" @on-blur="checkHave"></Input>
                        </FormItem>
                        <FormItem>
                            <Input type="password" v-model="formData.userPassword" clearable size="large" style="width:75%" placeholder="密码" ></Input>
                        </FormItem>
                        <FormItem>
                            <Input type="password" v-model="formData.checkPassword" clearable size="large" style="width:75%" placeholder="确认密码" ></Input>
                        </FormItem>
                    </Form>
                </TabPane>
                <!--<TabPane label="会员注册" name="member" key="member" style="margin-top: 20px" icon="person">-->
                    <!--<Form :model="formData">-->
                        <!--<FormItem>-->
                            <!--<Input v-model="formData.username" clearable size="large" style="width:75%" placeholder="用户名" @on-blur="checkHave"></Input>-->
                        <!--</FormItem>-->
                        <!--<FormItem>-->
                            <!--<Input type="password" v-model="formData.password" clearable size="large" style="width:75%" placeholder="密码" ></Input>-->
                        <!--</FormItem>-->
                        <!--<FormItem>-->
                            <!--<Input type="password" v-model="formData.checkPassword" clearable size="large" style="width:75%" placeholder="确认密码" ></Input>-->
                        <!--</FormItem>-->
                        <!--<FormItem>-->
                            <!--<Input v-model="formData.realname" clearable size="large" style="width:75%" placeholder="真实姓名" ></Input>-->
                        <!--</FormItem>-->
                        <!--<FormItem>-->
                            <!--<Input v-model="formData.idcard" clearable size="large" style="width:75%" placeholder="身份证" ></Input>-->
                        <!--</FormItem>-->
                        <!--<FormItem>-->
                            <!--<Input v-model="formData.phone" clearable size="large" style="width:75%" placeholder="联系电话" ></Input>-->
                        <!--</FormItem>-->
                        <!--<FormItem>-->
                            <!--<Row>-->
                                <!--<Col span="15" style="text-align: right">-->
                                <!--<Input v-model="formData.verCode" clearable size="large" style="width:80%" placeholder="验证码" ></Input>-->
                                <!--</Col>-->
                                <!--<Col span="7">-->
                                <!--<Button type="primary" @click="getCode" :disabled="isDisabled">{{butName}}</Button>-->
                                <!--</Col>-->
                            <!--</Row>-->
                        <!--</FormItem>-->
                    <!--</Form>-->
                <!--</TabPane>-->
            </Tabs>
            <Row>
                <Col span="12">
                <Button @click="logon" type="primary" style="width: 80%" :disabled="isCan">注册</Button>
                </Col>
                <Col span="12">
                <Button @click="back" type="primary" style="width: 80%">返回</Button>
                </Col>
            </Row>
        </div>
    </div>
</template>